<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">

    <title>Home</title>
    <!-- web fonts -->
    <link href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700,800,900&display=swap"
          rel="stylesheet">
    <!-- //web fonts -->
    <!-- Template CSS -->
    <link href="assets/css/style-starter.css" rel="stylesheet">
</head>
<body>
<div class="w3l-bootstrap-header fixed-top">
    <nav class="navbar navbar-expand-lg navbar-light p-2">
        <div class="container">
            <a class="navbar-brand" href="index.html"><span class="fa fa-diamond"></span>Market</a>
            <!-- if logo is image enable this
          <a class="navbar-brand" href="#index.html">
              <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
          </a> -->
            <button aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"
                    data-target="#navbarSupportedContent" data-toggle="collapse" type="button">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="index.html">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="about.html">About</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="contact.html">Contact</a>
                    </li>
                </ul>
                <div class="form-inline">
                    <a class="login mr-4" href="#login.html">Log in</a>
                    <a class="btn btn-primary btn-theme" href="#signup.html">Create Free Account</a>
                </div>
            </div>
        </div>
    </nav>
</div>
<!-- index-block1 -->
<div class="w3l-index-block1">
    <div class="content py-5">
        <div class="container">
            <div class="row align-items-center py-md-5 py-3">
                <div class="col-md-5 content-left pt-md-0 pt-5">
                    <h1>Meet with us to success dream business</h1>
                    <p class="mt-3 mb-md-5 mb-4">Making use of the respective industries and our team works. Build an
                        online presence with this professional
                        bootstrap 4 template.</p>
                    <a class="btn btn-primary btn-theme" href="#login.html">Get Started</a>
                </div>
                <div class="col-md-7 content-photo mt-md-0 mt-5">
                    <img alt="main image" class="img-fluid" src="assets/images/main.jpg">
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
<!-- //index-block1 -->
<!-- index-block2 -->
<section class="w3l-index-block2 py-5">
    <div class="container py-md-3">
        <div class="heading text-center mx-auto">
            <h3 class="head">We provide solutions to grow your business </h3>
            <p class="my-3 head"> Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
                Curae;
                Nulla mollis dapibus nunc, ut rhoncus
                turpis sodales quis. Integer sit amet mattis quam.</p>
        </div>
        <div class="row bottom_grids pt-md-3">
            <div class="col-lg-4 col-md-6 mt-5">
                <div class="s-block">
                    <a class="d-block p-lg-4 p-3" href="#blog-single.html">
                        <img alt="" class="img-fluid" src="assets/images/s1.png"/>
                        <h3 class="my-3">Global Network</h3>
                        <p class="">Our goal is to help our companies maintain or achieve best in class positions. Build
                            an online presence with this professional bootstrap 4 template.</p>
                    </a>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 mt-5">
                <div class="s-block">
                    <a class="d-block p-lg-4 p-3" href="#blog-single.html">
                        <img alt="" class="img-fluid" src="assets/images/s2.png"/>
                        <h3 class="my-3">High Benefits</h3>
                        <p class="">Our goal is to help our companies maintain or achieve best in class positions. Build
                            an online presence with this professional bootstrap 4 template.</p>
                    </a>
                </div>
            </div>
            <div class="col-lg-4 mt-5">
                <div class="s-block">
                    <a class="d-block p-lg-4 p-3" href="#blog-single.html">
                        <img alt="" class="img-fluid" src="assets/images/s3.png"/>
                        <h3 class="my-3">Partnership</h3>
                        <p class="">Our goal is to help our companies maintain or achieve best in class positions. Build
                            an online presence with this professional bootstrap 4 template.</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- /index-block2 -->
<!-- content-with-photo17 -->
<section class="w3l-index-block3">
    <div class="section-info py-5">
        <div class="container py-md-3">
            <div class="row cwp17-two align-items-center">
                <div class="col-md-6 cwp17-image">
                    <img alt="" class="img-fluid" src="assets/images/business.png"/>
                </div>
                <div class="col-md-6 cwp17-text">
                    <h2>Start your business easily with Us</h2>
                    <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of
                        classical
                        Latin literature from 45 BC, making it over 2000 years old. </p>
                    <a href="#signup.html">Learn more &raquo;</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- content-with-photo17 -->
<div class="w3l-index-block4">
    <div class="features-bg py-5">
        <!-- features15 block -->
        <div class="container py-md-3">
            <div class="heading text-center mx-auto">
                <h3 class="head">Marketing solutions for your business </h3>
                <p class="my-3 head"> Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
                    Curae;
                    Nulla mollis dapibus nunc, ut rhoncus
                    turpis sodales quis. Integer sit amet mattis quam.</p>
            </div>
            <div class="row">
                <div class="col-md-6 features15-col-text">
                    <a class="d-flex flex-wrap feature-unit align-items-center" href="#url">
                        <div class="col-sm-3">
                            <div class="features15-info">
                                <span aria-hidden="true" class="fa fa-pencil-square-o"></span>
                            </div>
                        </div>
                        <div class="col-sm-9 mt-sm-0 mt-4">
                            <div class="features15-para">
                                <h4>Mobile Apps</h4>
                                <p>It is a long established fact that a reader will be distracted by the readable
                                    content.</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 features15-col-text">
                    <a class="d-flex flex-wrap feature-unit align-items-center" href="#url">
                        <div class="col-sm-3">
                            <div class="features15-info">
                                <span aria-hidden="true" class="fa fa-usd"></span>
                            </div>
                        </div>
                        <div class="col-sm-9 mt-sm-0 mt-4">
                            <div class="features15-para">
                                <h4>Marketing</h4>
                                <p>It is a long established fact that a reader will be distracted by the readable
                                    content.</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 features15-col-text">
                    <a class="d-flex flex-wrap feature-unit align-items-center" href="#url">
                        <div class="col-sm-3">
                            <div class="features15-info">
                                <span aria-hidden="true" class="fa fa-graduation-cap"></span>
                            </div>
                        </div>
                        <div class="col-sm-9 mt-sm-0 mt-4">
                            <div class="features15-para">
                                <h4>Web Development</h4>
                                <p>It is a long established fact that a reader will be distracted by the readable
                                    content.</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 features15-col-text">
                    <a class="d-flex flex-wrap feature-unit align-items-center" href="#url">
                        <div class="col-sm-3">
                            <div class="features15-info">
                                <span aria-hidden="true" class="fa fa-sort-alpha-asc"></span>
                            </div>
                        </div>
                        <div class="col-sm-9 mt-sm-0 mt-4">
                            <div class="features15-para">
                                <h4>Optimization</h4>
                                <p>It is a long established fact that a reader will be distracted by the readable
                                    content.</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 features15-col-text">
                    <a class="d-flex flex-wrap feature-unit align-items-center" href="#url">
                        <div class="col-sm-3">
                            <div class="features15-info">
                                <span aria-hidden="true" class="fa fa-laptop"></span>
                            </div>
                        </div>
                        <div class="col-sm-9 mt-sm-0 mt-4">
                            <div class="features15-para">
                                <h4>Web Design</h4>
                                <p>It is a long established fact that a reader will be distracted by the readable
                                    content.</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 features15-col-text">
                    <a class="d-flex flex-wrap feature-unit align-items-center" href="#url">
                        <div class="col-sm-3">
                            <div class="features15-info">
                                <span aria-hidden="true" class="fa fa-line-chart"></span>
                            </div>
                        </div>
                        <div class="col-sm-9 mt-sm-0 mt-4">
                            <div class="features15-para">
                                <h4>Emailing</h4>
                                <p>It is a long established fact that a reader will be distracted by the readable
                                    content.</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div>
                <!-- features15 block -->
            </div>
        </div>
    </div>
</div>
<!-- content-with-photo17 -->
<section class="w3l-index-block7 py-5">
    <div class="container py-md-3">
        <div class="row cwp17-two align-items-center">
            <div class="col-md-6 cwp17-text">
                <h2>Great features app
                    that everyone Love</h2>
                <p>Improve your user experience and boost sales through regular website optimisations. Contrary to
                    popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical
                    Latin literature from 45 BC, making it over 2000 years old. </p>
                <a href="#signup.html">Learn more &raquo;</a>
            </div>
            <div class="col-md-6 cwp17-image">
                <img alt="" class="img-fluid" src="assets/images/mobile-app.png"/>
            </div>
        </div>
    </div>
</section>
<!-- content-with-photo17 -->
<section class="w3l-index-block5">
    <!-- main-slider -->
    <div class="testimonials py-5">
        <div class="container text-center py-lg-3">
            <div class="heading text-center mx-auto">
                <h3 class="head">They love us </h3>
            </div>
            <div class="row">
                <div class="col-md-10 mx-auto">
                    <div class="owl-one owl-carousel owl-theme">
                        <div class="item">
                            <div class="slider-info mt-lg-4 mt-3">
                                <div class="img-circle">
                                    <img alt="client image" class="img-fluid rounded" src="assets/images/emp2.jpg">
                                </div>
                                <div class="message">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea sit id
                                    accusantium
                                    officia quod quasi necessitatibus perspiciatis Harum error provident
                                    quibusdam tenetur.
                                </div>
                                <div class="name">- Camilla</div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="slider-info mt-lg-4 mt-3">
                                <div class="img-circle">
                                    <img alt="client image" class="img-fluid rounded" src="assets/images/emp1.jpg">
                                </div>
                                <div class="message">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea sit id
                                    accusantium
                                    officia quod quasi necessitatibus perspiciatis Harum error provident
                                    quibusdam tenetur.
                                </div>
                                <div class="name">- Dennis Jack</div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="slider-info mt-lg-4 mt-3">
                                <div class="img-circle">
                                    <img alt="client image" class="img-fluid rounded" src="assets/images/emp3.jpg">
                                </div>
                                <div class="message">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea sit id
                                    accusantium
                                    officia quod quasi necessitatibus perspiciatis Harum error provident
                                    quibusdam tenetur.
                                </div>
                                <div class="name">- Anthony</div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="slider-info mt-lg-4 mt-3">
                                <div class="img-circle">
                                    <img alt="client image" class="img-fluid rounded" src="assets/images/emp4.jpg">
                                </div>
                                <div class="message">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea sit id
                                    accusantium
                                    officia quod quasi necessitatibus perspiciatis Harum error provident
                                    quibusdam tenetur.
                                </div>
                                <div class="name">- Charlotte</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /main-slider -->
</section>
<!-- partners -->
<section class="w3l-index-block9" id="partners">
    <div class="partners py-5">
        <div class="container py-lg-3">
            <div class="heading text-center mx-auto">
                <h3 class="head">Over 16,000 Companies that trust our amazing product </h3>
            </div>
            <div class="row col-md-10 justify-content-between grid-part text-center mx-auto">
                <div class="parts-w3ls col-sm-2 col-6 mt-5">
                    <span class="fa fa-cc-visa"></span>
                </div>
                <div class="parts-w3ls col-sm-2 col-6 mt-5">
                    <span class="fa fa-digg"></span>
                </div>
                <div class="parts-w3ls col-sm-2 col-6 mt-5">
                    <span class="fa fa-lastfm"></span>
                </div>
                <div class="parts-w3ls col-sm-2 col-6 mt-5">
                    <span class="fa fa-cc-discover"></span>
                </div>
                <div class="parts-w3ls col-sm-2 col-6 mt-5">
                    <span class="fa fa-ravelry"></span>
                </div>
                <div class="parts-w3ls col-sm-2 col-6 mt-5">
                    <span class="fa fa-cc-stripe"></span>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- //partners -->
<!-- subscribe section -->
<section class="w3l-index-block6 py-5">
    <div class="container py-lg-3">
        <div class="subscribe mx-auto">
            <div class="heading text-center mx-auto">
                <h3 class="head">Stay Updated! </h3>
                <p class="my-3 head"> Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
                    Curae;
                    Nulla mollis dapibus nunc, ut rhoncus
                    turpis sodales quis. Integer sit amet mattis quam.</p>
            </div>
            <form action="#" class="subscribe-wthree pt-2 mt-5" method="post">
                <div class="d-flex flex-wrap subscribe-wthree-field">
                    <input class="form-control" name="email" placeholder="Enter your email..." required="" type="email">
                    <button class="btn form-control btn-primary" type="submit">Subscribe</button>
                </div>
            </form>
        </div>
    </div>
</section>
<!-- //subscribe -->
<section class="w3l-index-block10">
    <div class="new-block top-bottom">
        <div class="container">
            <div class="middle-section">
                <!-- <h5>Tagline</h5> -->
                <div class="section-width">
                    <h2>Start your Business today with this professional template.</h2>
                </div>
                <div class="link-list-menu">
                    <p class="mb-5">Workflow is the definition, execution and automation of business processes where
                        tasks information.</p>
                    <a class="btn btn-outline-light btn-more" href="about.html">Read More <span
                            aria-hidden="true" class="fa fa-arrow-right"></span></a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- index-block8 -->
<section class="w3l-index-block8 py-5">
    <div class="container py-md-3 text-center">
        <div class="heading text-center mx-auto">
            <h3 class="head">Ready to get started? </h3>
        </div>
        <div class="buttons mt-4">
            <a class="btn btn-outline-primary mr-2 btn-demo" href="contact.html">Book a Demo</a>
            <a class="btn btn-primary btn-demo ml-2" href="contact.html">Get Started</a>
        </div>
    </div>
</section>
<!-- / index-block8 -->
<!-- footer-28 block -->
<section class="w3l-market-footer">
    <footer class="footer-28">
        <div class="footer-bg-layer">
            <div class="container py-lg-3">
                <div class="row footer-top-28">
                    <div class="col-md-6 footer-list-28 mt-5">
                        <h6 class="footer-title-28">Contact information</h6>
                        <ul>
                            <li>
                                <p><strong>Address</strong> : #135 block, Barnard St. Brooklyn, NY 10036, USA</p>
                            </li>
                            <li>
                                <p><strong>Phone</strong> : <a href="tel:+404-11-22-89">+404-11-22-89</a></p>
                            </li>
                            <li>
                                <p><strong>Email</strong> : <a href="mailto:example@mail.com">example@mail.com</a></p>
                            </li>
                        </ul>

                        <div class="main-social-footer-28 mt-3">
                            <ul class="social-icons">
                                <li class="facebook">
                                    <a href="#link" title="Facebook">
                                        <span aria-hidden="true" class="fa fa-facebook"></span>
                                    </a>
                                </li>
                                <li class="twitter">
                                    <a href="#link" title="Twitter">
                                        <span aria-hidden="true" class="fa fa-twitter"></span>
                                    </a>
                                </li>
                                <li class="dribbble">
                                    <a href="#link" title="Dribbble">
                                        <span aria-hidden="true" class="fa fa-dribbble"></span>
                                    </a>
                                </li>
                                <li class="google">
                                    <a href="#link" title="Google">
                                        <span aria-hidden="true" class="fa fa-google"></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4 footer-list-28 mt-5">
                                <h6 class="footer-title-28">Company</h6>
                                <ul>
                                    <li><a href="about.html">About</a></li>
                                    <li><a href="#blog.html">Blog Posts</a></li>
                                    <li><a href="#pricing.html">FAQ</a></li>
                                    <li><a href="#pricing.html">Pricing</a></li>
                                </ul>
                            </div>
                            <div class="col-md-4 footer-list-28 mt-5">
                                <h6 class="footer-title-28">Support</h6>
                                <ul>
                                    <li><a href="contact.html">Contact Us</a></li>
                                    <li><a href="#signup.html">Create account</a></li>
                                    <li><a href="#learn.html">Learning Center</a></li>
                                    <li><a href="#career.html">Team</a></li>
                                </ul>
                            </div>
                            <div class="col-md-4 footer-list-28 mt-5">
                                <h6 class="footer-title-28">Product</h6>
                                <ul>
                                    <li><a href="#URL">Market</a></li>
                                    <li><a href="#URL">VIP</a></li>
                                    <li><a href="#URL">Resources</a></li>
                                    <li><a href="#URL">Sale</a></li>
                                    <li><a href="#URL">Admin UI</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="midd-footer-28 align-center py-lg-4 py-3 mt-5">
                <div class="container">
                    <p class="copy-footer-28 text-center">Copyright &copy; 2020.Company name All rights reserved.<a
                            href="http://sc.chinaz.com/moban/" target="_blank">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                </div>
            </div>
        </div>
    </footer>

    <!-- move top -->
    <button id="movetop" onclick="topFunction()" title="Go to top">
        &#10548;
    </button>
    <script>
        // When the user scrolls down 20px from the top of the document, show the button
        window.onscroll = function () {
            scrollFunction()
        };

        function scrollFunction() {
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                document.getElementById("movetop").style.display = "block";
            } else {
                document.getElementById("movetop").style.display = "none";
            }
        }

        // When the user clicks on the button, scroll to the top of the document
        function topFunction() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }
    </script>
    <!-- /move top -->
</section>
<!-- //footer-28 block -->

<!-- jQuery, Bootstrap JS -->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>

<!-- Template JavaScript -->

<script src="assets/js/owl.carousel.js"></script>

<!-- script for owlcarousel -->
<script>
    $(document).ready(function () {
        $('.owl-one').owlCarousel({
            loop: true,
            margin: 0,
            nav: true,
            responsiveClass: true,
            autoplay: false,
            autoplayTimeout: 5000,
            autoplaySpeed: 1000,
            autoplayHoverPause: false,
            responsive: {
                0: {
                    items: 1,
                    nav: false
                },
                480: {
                    items: 1,
                    nav: false
                },
                667: {
                    items: 1,
                    nav: true
                },
                1000: {
                    items: 1,
                    nav: true
                }
            }
        })
    })
</script>
<!-- //script for owlcarousel -->

<!-- disable body scroll which navbar is in active -->
<script>
    $(function () {
        $('.navbar-toggler').click(function () {
            $('body').toggleClass('noscroll');
        })
    });
</script>
<!-- disable body scroll which navbar is in active -->

<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script>
    $(document).ready(function () {
        $('.popup-with-zoom-anim').magnificPopup({
            type: 'inline',

            fixedContentPos: false,
            fixedBgPos: true,

            overflowY: 'auto',

            closeBtnInside: true,
            preloader: false,

            midClick: true,
            removalDelay: 300,
            mainClass: 'my-mfp-zoom-in'
        });

        $('.popup-with-move-anim').magnificPopup({
            type: 'inline',

            fixedContentPos: false,
            fixedBgPos: true,

            overflowY: 'auto',

            closeBtnInside: true,
            preloader: false,

            midClick: true,
            removalDelay: 300,
            mainClass: 'my-mfp-slide-bottom'
        });
    });
</script>

</body>
</html>